.widget-header-icon {
  .x-panel-header-title {
    top: 0px;
    height: 48px;
  }

  .header-icon-ct {
    float: left;
    width: 48px;
    height: 48px;
    padding: 10px;
    color: #fff;
    background: $color-blue !important;
    border-radius: 50%;

    .header-icon {
      width: 28px;
      height: 28px;
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      font-size: 24px;
    }
  }

  .header-text {
    float: left;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    color: $color-blue;
    font-size: 24px;
    font-weight: 400;
    font-family: '时尚中黑简体', '微软雅黑';
  }
}